<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>工程技术生产运行管理系统</title>


    <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <script type="text/javascript" src="js/jquery-latest.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
</head>
<body>
	
	<!--<iframe id="topframe" width="100%" height="85px;" src="head.html" frameborder="0" marginheight="0" marginwidth="0" jsondata="data/dr_nav.json">
	</iframe> --> 

   <div class="all">

        <div class="head">
            <div class="headl">
                <div class="logo">
                    <img src="images/chyine1.png" usemap="#Map" border="0" />
                    <map name="Map" id="Map">
                      <area shape="rect" coords="0,4,40,44" href="javascript:void(0);" target="_self" alt="" onclick="showIndex();"/>
                    </map>
                </div>
                <div class="daohang">
                    <ul id="top_menu">

                        <li class="d1">
                            <a href="javascript:void(0);" onclick="loadLocalJSON('0');">首页</a>
                        </li>
                        
                        <li class="d2">
                            <a id="_1" href="javascript:void(0);" onclick="loadLocalJSON('1');">生产协调</a>
                        </li>

                        <li class="d2">
                            <a href="javascript:void(0);" onclick="loadLocalJSON('2');">生产动态</a>
                        </li>

                        <li class="d2">
                            <a href="javascript:void(0);" onclick="loadLocalJSON('3');">工程计算</a>
                        </li>

                        <li class="d2">
                            <a id="_4" href="#">生产报表</a>
                        </li>

                        <li class="d2">
                            <a href="#">综合分析</a>
                        </li>

                        <li class="d2">
                            <a href="#">井史归档</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="headr">
                <div class="r1"></div>
                <div class="r2">
                    <div class="r3">
                        <div class="r4">
                            <ul>
                                <li><img src="images/chyine8.png" /></li>
                                <li>辽河油田用户 &nbsp;&nbsp;&nbsp;切换语言：&nbsp;</li>
                                <li><img id="language_span" src="images/chyine7.png" style="cursor: pointer;" /></li>
                                <li>&nbsp;&nbsp;<a href="login.html" style="color: #fff">注销</a></li>
                            </ul>
                        </div>
                        <div class="clear"></div>
                        
                        <marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>
                        	<a href="#" style="color: #fff">您有<font style="color:#F00"> 3 </font>条待办消息</a>
                        </marquee>
                        
                        <div>天气预报：北京 多云&nbsp; <img  src="images/c1.gif"/>&nbsp;13℃-24℃ &nbsp;当前时间：<span id="time"></span></div>
                         
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>

    </div>
	
    <div id="language_menu" class="easyui-menu">
        <div id="ch_ZN">简体中文（√）</div>
        <div id="en_US">英语</div>
        <div id="ru">俄语</div>
        <div id="fr">法语</div>
        <div id="es">西班牙语</div>
    </div>
    
    <div class="center">
        <div id ="layoutdiv" class="easyui-layout" style="width:100%;margin-left: 5px;height: 540px;">
			<div region="west" split="true" title="功能菜单" style="width:150px;" data-options="iconCls: 'icon-tip'">
				<div class="easyui-accordion" data-options="fit:true,border:false" id="menu_left">
				<!-- 这里自动装载需要的左侧二级菜单以及三级菜单 需要维护类似dr.json文件 -->
	            </div>
			</div>
			<div id="content" region="center" title="" style="overflow: auto;height: auto;padding: 5px 5px 0px 5px;">
				<!-- 装载专业首页 需要维护 home.html -->
				<iframe id="contentframe" width="100%" height="100%;" src="home.html" scrolling="auto" frameborder="0" marginheight="0" marginwidth="0" >
				</iframe>
			</div>
		</div>
	</div>
	<div region="south" border="true" id="south"><center><strong>@Copyright</strong> 北京中油瑞飞信息技术有限责任公司</center></div>
	
	<!-- menu 配置 -->
	<div id="menu">
		<div id="menu_4" class="easyui-menu" data-options="onClick:menuHandler">
			<div onclick="load4Menu(40);" href="javascript:void(0);" data-options="name:'menu_4'">钻井日报</div>
			<div class="menu-sep"></div>
			<div onclick="alert(this.innerText);" href="javascript:void(0);" data-options="name:'menu_4'">钻井年报</div>
		</div>
	</div>


<script type="text/javascript">


$(function () {

	loadLocalJSON('0');//初始加载

	$('#top_menu > li > a').bind('mouseover', openSubMenu);
	$('#top_menu > li > a').bind('mouseout', closeSubMenu);

	/*开始布局*/
	$("#layoutdiv").css("height", $(document).height()-80-$("#south").height());
	$("#content").css("height", $(document).height()-89-$("#south").height());
	
	$('#top_menu > li > a').bind('click', function(){
		//取得元素的兄弟节点切换其class为d2并设置当前选择为d1
		$(this).parent(".d2").siblings().attr("class", "d2");
		$(this).parent(".d2").attr("class", "d1");
	});

	/*绑定语言切换*/
    $("#language_span").click(function (event) {

        $('#language_menu').menu({
            minWidth: 10
        });

        $('#language_menu').menu('show', {
            left: event.pageX - 5,
            top: event.pageY + 5
        });
    });
});

setInterval(function(){$('#time').html(currentTime);},1000);//更新时间


/*浏览器窗口调整*/
$(window).resize(function() {
	$("#layoutdiv").css("height", $(document).height()-80-$("#south").height());
	$("#content").css("height", $(document).height()-90-$("#south").height());
});




</script>

</body>
</html>
